.qa1-box{
    width:100%;
    height:5rem;
    background: #ccc;
    background: url('../images/qa-banner.png');
    background-position: center;
    background-size: cover;
}

.qa1-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top:1.2rem;
}

.qa1-title{
    font-size: .39rem;
    color: #FFFFFF;
    font-size: bold;
    margin: 0 auto;
}

.qa1-desc{
    font-size: .22rem;
    color: #FFFFFF;
    font-size: 400;
    margin: .1rem auto 0;
}

.mock-search{
    width:9.44rem;
    height: .7rem;
    background: #fff;
    border-radius: .1rem;
    margin:.4rem auto .2rem;
}

.qa1-list {
    width:9.44rem;
    display: flex;
    flex-wrap: nowrap;
}

.qa1-list > li{
    font-weight: 400;
    font-size: .22rem;
    color: #fff;
    margin-right: .6rem;
    cursor: pointer;
}

.mock-search{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mock-search > input{
    width:6rem;
    height:inherit;
    padding-left:.3rem;
    border-radius: .1rem;
    font-size: .22rem;
}

.mock-search > input::placeholder{
    color:#aaa
}

.mock-search > .search-btn{
    width:1.72rem;
    height: 0.62rem;
    border-radius: .1rem;
    background: linear-gradient( 133deg, #2D4994 0%, #1D2F5E 100%);
    margin-right: 0.04rem;
    font-size: .2rem;
    /* line-height: rem; */
    text-align: center;
    cursor: pointer;
}

.search-btn > span{
    display:inline-block;
    vertical-align: center;
    background: url('../images/search.png') no-repeat center center;
    background-size: 100% auto;
    width: .3rem;
    height:.3rem;
    margin-top:.15rem
    /* margin-left:.14rem; */
}

.search-btn:hover span{
    transform: scale(1.1);
}

.qa2-box{
    width:100%;
    height:auto;
    min-height: 8rem;
    position: relative;
}

.qa2-content{
    width:100%;
    height:auto;
    margin-top: .6rem;
}

.qa2-content > li{
    width:100%;
    height: auto;
    padding:.4rem .3rem;
    background: #fff;
    box-shadow: 0px 0.06rem .24rem 0.01rem rgba(0,0,0,0.07);
    border-radius: .2rem;
    margin-bottom: .3rem;
}

.item-top{
    width:100%;
    height:.4rem;
    display: flex;
    align-items: center;
}

.item-bottom{
    width:100%;
    height:auto;
    min-height: .4rem;
    display: flex;
    margin-top:.4rem;
    /* display: none; */
}
.answer-box{
    display: none;
}

.arraw:hover .item-bottom{
    background: #00f;
    display: block;
}

.img{
    width:.4rem;
    height:.4rem;
    /* background: #f00; */
    margin-right:.1rem;
    border-radius: .1rem;
    line-height: .43rem;
    text-align: center;
    font-size: .22rem;
    font-weight: bold;
    color: #fff;
    font-family: Source Han Sans SC, Source Han Sans SC;
}

.img-q{
    background: #2D4994;
}
.img-a{
    background: #2D948D;
}

.title{
    width: 10.5rem;
    font-weight: bold;
    font-size: .22rem;
    color:#333;
}
.desc{
    width: 10.5rem;
    font-weight: 400;
    font-size: .18rem;
    color:#333;
    line-height: .28rem;
}

.arraw{
    margin-left:auto;
    width:.22rem;
    height:.22rem;
    /* background: #f00; */
    cursor: pointer;
    transform: rotate(180deg);
    
}

/* .arraw:hover img{
    transform: rotate(180deg);
} */


.arraw > img{
    width:100%;
    height:100%;
    display: block;
}

.pos-l{
    position: absolute;
    left:0;
    top: 2rem;
    width:2.6rem;
    height: auto;
}

.pos-r{
    position: absolute;
    right:0;
    top: 5rem;
    width:2.6rem;
    height: auto;
}